<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        #category-slider {
            background-image: url("./bg.png");
            height: 390px;
            margin: 0 auto;
            position: relative;
            width: 990px;
            z-index: 100;
        }
        #slider-images {
            height: 380px;
            left: 5px;
            overflow: hidden;
            position: absolute;
            top: 5px;
            width: 980px;
        }
        #slider-images img {
            border: 10px solid #FFFFFF;
            left: 0;
            top: 0;
        }
        #category-slider a.ws_next, #category-slider a.ws_prev {
            border-radius: 10px 10px 10px 10px;
            cursor: pointer;
            display: none;
            height: 56px;
            margin: -28px 0 0;
            opacity: 0.6;
            outline: medium none;
            position: absolute;
            top: 50%;
            width: 56px;
            z-index: 200;
        }
        #category-slider a.ws_next {
            background: url("./next_photo.png") no-repeat scroll 50% 50% #000000;
            right: 20px;
        }
        #category-slider a.ws_prev {
            background: url("./prev_photo.png") no-repeat scroll 50% 50% #000000;
            left: 20px;
        }
        * html #category-slider a.ws_next, * html #category-slider a.ws_prev {
            display: block;
        }
        #category-slider:hover a.ws_next, #category-slider:hover a.ws_prev {
            display: block;
        }
        #category-slider a.ws_next:hover, #category-slider a.ws_prev:hover {
            opacity: 0.8;
        }
        #category-slider .ws_bullets {
            position: absolute;
            right: 15px;
            top: 20px;
            z-index: 100;
        }
        #category-slider .ws_bullets a {
            background: url("public/images/demo/pulse-blinds/engine/bullet.png") no-repeat scroll 0 0 transparent;
            border: 0 none;
            cursor: pointer;
            display: block;
            float: left;
            height: 10px;
            margin-right: 4px;
            outline: medium none;
            position: relative;
            text-indent: -9999px;
            width: 10px;
            z-index: 100;
        }
        #category-slider a.ws_selbull, #category-slider a.ws_overbull, #category-slider .ws_bullets a:hover {
            background-position: 100% 0;
        }
        #category-slider .ws-title {
            background-color: black;
            border-radius: 8px 8px 8px 8px;
            bottom: 20px;
            color: white;
            display: block;
            font-family: Tahoma,Arial,Helvetica;
            font-size: 14px;
            left: 20px;
            margin-right: 25px;
            opacity: 0.5;
            padding: 10px;
            position: absolute;
            z-index: 50;
        }
        #category-slider .ws-title div {
            font-size: 12px;
            padding-top: 5px;
        }
        #category-slider .ws_bullets a img {
            border: 5px solid #FFFFFF;
            box-shadow: 0 0 5px #999999;
            display: block;
            left: -120px;
            position: absolute;
            text-indent: 0;
            top: 10px;
            visibility: hidden;
        }
        #category-slider .ws_bullets a:hover img {
            visibility: visible;
        }
        #category-slider .ws_bulframe div div {
            height: 90px;
            overflow: visible;
            position: relative;
        }
        #category-slider .ws_bulframe div {
            overflow: hidden;
            position: relative;
            width: 240px;
        }
        #category-slider .ws_bulframe {
            border: 5px solid #FFFFFF;
            box-shadow: 0 0 5px #999999;
            cursor: pointer;
            display: none;
            overflow: visible;
            position: absolute;
            top: 15px;
        }
        #category-slider .ws_bulframe span {
            background: url("./triangle.png") repeat scroll 0 0 transparent;
            display: block;
            height: 6px;
            left: 120px;
            margin-left: -9px;
            position: absolute;
            top: -11px;
            width: 15px;
        }

    </style>
</head>
<body>
<div id="category-slider">
    <div id="slider-images">
        <a href="#"><img src="public/images/demo/pulse-blinds/data/images/canyon.jpg" alt="Canyon: Ajax Slider" title="Canyon"
                         id="wows0"/></a>
        <a href="#"><img src="public/images/demo/pulse-blinds/data/images/colorado.jpg" alt="Colorado : Ajax Slideshow"
                         title="Colorado" id="wows1"/></a>
        <a href="#"><img src="public/images/demo/pulse-blinds/data/images/garden.jpg" alt="Garden : Ajax Image Slideshow"
                         title="Garden" id="wows2"/></a>
        <a href="#"><img src="public/images/demo/pulse-blinds/data/images/greenmountain.jpg"
                         alt="Greenmountain : Ajax Photo Slideshow" title="Greenmountain" id="wows3"/></a>
    </div>
    <div class="ws_bullets">
        <a href="#wows0" title="Canyon"><img src="public/images/demo/pulse-blinds/data/tooltips/canyon.jpg"
                                             alt="Canyon : Ajax Picture Slideshow"/>Ajax Picture Slideshow</a>
        <a href="#wows1" title="Colorado"><img src="public/images/demo/pulse-blinds/data/tooltips/colorado.jpg"
                                               alt="Colorado: Image Slideshow Ajax"/>Image Slideshow Ajax</a>
        <a href="#wows2" title="Garden"><img src="public/images/demo/pulse-blinds/data/tooltips/garden.jpg"
                                             alt="Garden : Ajax Slideshow Fade"/>Ajax Slideshow Fade</a>
        <a href="#wows3" title="Greenmountain"><img src="public/images/demo/pulse-blinds/data/tooltips/greenmountain.jpg"
                                                    alt="Greenmountain : Ajax Slideshow Sample"/>Ajax Slideshow
            Sample</a>

    </div>
    <a style="display:none" href="http://wowslider.com">Ajax Slider - Ajax Slideshow</a>
</div>
</body>
</html>